<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>视频专区</title>
    <link rel="stylesheet" href="sp.css">
</head>
<body>
    <div class="box">
        <div class="top">
            <div class="topone">
                <div class="toponetx"><img class="toponetximg" src="images/内涵段子logo.jpg" alt=""></div>
                <div class="toponetxwz">内涵段子网页模式</div>
                <div class="tx"><img src="images\小李子头像.jpg" alt=""></div>
                <div class="denglu"><a href="">登录</a></div>
            </div>
            <div class="toptwo">
                <a href="index.html"><div class="toptwowz1">首页</div></a>
                <a href="tiezi.html"><div class="toptwowz2">帖子专区</div></a>
                <a href="shipin.html"><div class="toptwowz3">视频专区</div></a>
                <div class="toptwowz4">正能量</div>
                <div class="toptwowz5">直播</div>
                <div class="toptwowz6">那些年</div>
                <div class="toptwowz7">段友出征</div>
                <div class="toptwowz8">生活</div>
                <div class="toptwowz9">美食</div>
                <div class="toptwowz10">时尚</div>
                <div class="toptwowz11">军事</div>
                <div class="toptwowz12" style="cursor: help;">...</div>
            </div>
        </div>
    </div>
    <div class="head">
        <div class="sousuo">
            <form action="">
            <input type="text" name="sousuo" placeholder="请输入关键字">
            </form>
            <div class="sousuotp">
                <img src="images\搜索.png" alt="">
            </div>
            <a href="">
                <div class="sousuowz">
                搜索
            </div>
            </a>
        </div>
        <div class="xuanze">
            <ul >
                <li class="xuanze1"><a href="">推荐</a></li>
                <li class="xuanze1"><a href="">关注</a></li>
                <li class="xuanze1"><a href="">体育</a></li>
                <li class="xuanze1"><a href="">音乐</a></li>
                <li class="xuanze1"><a href="">周刊</a></li>
                <li class="xuanze1"><a href="">更多</a></li>
            </ul>
        </div>
        <div class="hr"></div>
    </div>
   <div class="spquyu">
       <div class="gengduo"><a href="#">更多></a></div>
       <div class="spquyu1">
           <video width="100%" height="400px" controls>
               <source src="E:\HTML测试\study\spimages\米津玄師,菅田将暉 - 灰色と青.mp4" type="video/mp4">
           </video>
       </div>
       <div class="spquyu2">
           <ul>
               <a href="#">
                <li class="spquyu2li1">
                   <img src="spimages/米津玄师.jpg" alt="">
                   米津玄师2019日本千叶市幕张场演唱会云存档
                </li>
            </a>
                <a href="#">
               <li class="spquyu2li1">
                   <img src="spimages/谷爱玲.jpg" alt="">
                   15岁放弃美籍加入中国，对记者强调自己是中国人，今带伤为国...
               </li>
            </a>
               <a href="#">
               <li class="spquyu2li11">
                   <img src="spimages/科比.jpg" alt="">
                   《晚安，科比》——谨以此片缅怀我永远热爱的
               </li>
            </a>
               <a href="#">
               <li class="spquyu2li2">
                   <img src="spimages/西昌.jpg" alt="">
                   我眼里的西昌市
               </li>
            </a>
               <a href="#">
               <li class="spquyu2li2">
                   <img src="spimages/蓝花楹.jpg" alt="">
                   一起来西昌的航天北路赏蓝花楹吧！
               </li>
            </a>
               <a href="#">
               <li class="spquyu2li22">
                   <img src="spimages/建团一百年.png" alt="">
                   峥嵘百年史 砥砺少年行 ——建团一百年献礼作品
               </li>
            </a>
           </ul>
       </div>
       <div class="tuijian">
           <img src="images/推荐.png" alt="">
           <div class="tuijianwz">
               今日推荐
           </div>
       </div>
       <div class="tjquyu">
           <ul>
            <a href="#">
           <li class="tjquyu2li1">
               <img src="spimages/学生好物.jpg" alt="">
               100件学生好物丨集颜值和性价比于一身的宝藏！！
           </li>
        </a>
           <a href="#">
           <li class="tjquyu2li1">
               <img src="spimages/春天.jpg" alt="">
               【混剪】我想和你补一场春天
           </li>
        </a>
           <a href="#">
           <li class="tjquyu2li1">
               <img src="spimages/舌尖上的中国.jpg" alt="">
               【重庆火锅】舌尖上的中国之重庆火锅
           </li>
        </a>
           <a href="#">
           <li class="tjquyu2li1">
               <img src="spimages/埃德.jpg" alt="">
               【央视大真探】单挑荒野 15集全
           </li>
        </a>
           <a href="#">
           <li class="tjquyu2li11">
               <img src="spimages/刘墉.jpg" alt="">
               网红刘庸遇见的最美印度女孩到底是谁？她与刘庸是什么关系？
           </li>
        </a>
           </ul>
       </div>

       <div class="bofangzui">
        <img src="images/推荐.png" alt="">
        <div class="bofangzuiwz">
            播放最多
        </div>
        <div class="bfquyu">
            <ul>
                <a href="#">
                <li class="tjquyu2li1">
                    <img src="spimages/宇宙.jpg" alt="">
                    6分钟看尽浩瀚宇宙！超震撼！
                </li>
            </a>
                <a href="#">
                <li class="tjquyu2li1">
                    <img src="spimages/承太郎dio.jpg" alt="">
                    前方High到不行！给我44秒 让你感受JOJO的视听盛宴!
                </li>
            </a>
                <a href="#">
                <li class="tjquyu2li1">
                    <img src="spimages/沈以诚.png" alt="">
                    《来不及》沈以诚
                </li>
            </a>
                <a href="#">
                <li class="tjquyu2li1">
                    <img src="spimages/埼玉.jpg" alt="">
                    【单集MAD】一拳超人: 深海王篇——不屈的正义
                </li>
            </a>
                <a href="#">
                <li class="tjquyu2li11">
                    <img src="spimages/边缘日记小李子.jpg" alt="">
                    【边缘日记/莱昂纳多】像极了去看喜欢的男生打篮球的时候
                </li>
            </a>
            </ul>
        </div>

        <div class="donghua">
            <img src="images/推荐.png" alt="">
            <div class="donghuawz">
                动漫推荐
            </div>
            <a href="#">
                <div class="dhgd">
                    更多>
                </div>
            </a>
            <A href="#">
                <div class="phgd">
                    更多>
                </div>
            </A>
            <div class="ph">排行榜</div>
            <div class="donghuaquyu">
                <div class="donghuaquyu1">
                    <ul>
                        <a href="#">
                        <li class="donghuaquyu1li1">
                            <img src="spimages/星尘斗士.jpg" alt="">
                            《JOJO的奇妙冒险之星尘斗士》
                        </li>
                    </a>
                        <a href="#">
                        <li class="donghuaquyu1li1">
                            <img src="spimages/春物.jpg" alt="">
                            《我的青春恋爱果然有问题。》
                        </li>
                    </a>
                        <a href="#">
                        <li class="donghuaquyu1li1">
                            <img src="spimages/四月是你的谎言.png" alt="">
                            《四月是你的谎言》
                        </li>
                    </a>
                        <a href="#">
                        <li class="donghuaquyu1li11">
                            <img src="spimages/萧炎.jpg" alt="">
                            《斗破苍穹第五季》
                        </li>
                    </a>
                        <a href="#">
                        <li class="donghuaquyu1li2">
                            <img src="spimages/你的名字.jpg" alt="">
                            《你的名字》
                        </li>
                    </a>
                        <a href="#">
                        <li class="donghuaquyu1li2">
                            <img src="spimages/你好世界.jpg" alt="">
                            《Hello World》
                        </li>
                    </a>
                        <a href="#">
                        <li class="donghuaquyu1li2">
                            <img src="spimages/罪恶王冠.jpg" alt="">
                            《罪恶王冠》
                        </li>
                    </a>
                        <a href="#">
                        <li class="donghuaquyu1li22">
                            <img src="spimages/全职高手.png" alt="">
                            《全职高手》
                        </li>
                    </a>
                    </ul>
                </div>
                <div class="dhpaihang">
                    <ul>
                        <li class="paihang">
                            <div class="paihangone">1</div>
                            <div class="paihangtwo">  
                            <a href="#"><img src="spimages/冰菓.jpg" alt="">
                                <div class="paihangtwowz">
                                    冰菓
                                </div>
                            </a>
                            </div>
                        </li>
                        <li class="paihang1">
                            <div class="paihang1oen">2</div>
                            <div class="paihang1wz"><a href="#">进击的巨人</a></div>                          
                        </li>
                        <li class="paihang2">
                            <div class="paihang1oen">3</div>
                            <div class="paihang1wz"><a href="#">鬼灭之刃</a></div> 
                        </li>
                        <li class="paihang1">
                            <div class="paihang1oen">4</div>
                            <div class="paihang1wz"><a href="#">辉夜大小姐想让我..</a></div> 
                        </li>
                        <li class="paihang2">
                            <div class="paihang1oen">5</div>
                            <div class="paihang1wz"><a href="#">紫罗兰永恒花园</a></div> 
                        </li>
                        <li class="paihang1">
                            <div class="paihang1oen">6</div>
                            <div class="paihang1wz"><a href="#">NO GAME NO LIFE...</a></div> 
                        </li>
                        <li class="paihang2">
                            <div class="paihang1oen">7</div>
                            <div class="paihang1wz"><a href="#">我的青春恋爱物语..</a></div> 
                        </li>
                        <li class="paihang1">
                            <div class="paihang1oen">8</div>
                            <div class="paihang1wz"><a href="#">JOJO的奇妙冒险系列</a></div> 
                        </li>
                    </ul>
                </div>
            </div>
    </div>
    <div class="bottom">
        <div class="divhr2">
            <div class="bottomwz">
            版权为2021级软件技术一班赵王峰所拥有<br>
            赞助商：***公司<br>
              合作商：莱昂纳多·迪卡普里奥
            </div>
            <DIV class="bottomwz1">
                内涵路段友情<BR>
                   欢迎回家！
                </DIV>
               
        </div>
        <DIV class="divhr3"></DIV>
        <DIV class="divhr4"></DIV>
    </div>
   </div>
</body>
</html>